<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:unav="http://www.unav.org/tags"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<ui:composition template="/layouts/conMenuLayoutAdministracion.xhtml">

<f:view contentType="text/html">
</f:view>

	<ui:define name="title">
		<h:outputText value="#{msg.erasmus_cabecera_title}" />
	</ui:define>
	
	<ui:define name="content">
		<h:form> 
			 <h:panelGroup id="idMensajeError" rendered="#{!flowScope.mostrarMensaje}">
				<p:messages>
				</p:messages>
			 </h:panelGroup>
			<p:accordionPanel dynamic="true" cache="true" multiple="true">  
			    <p:tab title="Añadir Jugador">
			    	<h:panelGrid columns="2">  
			            <h:outputLabel for="usuario" value="Usuario: " />  
			            <p:inputText id="usuario" value="#{flowScope.usuarioInsertarUsuario}" label="Usuario"></p:inputText>
			            
			            <h:outputLabel for="nombre" value="Nombre: " />  
			            <p:inputText id="nombre" value="#{flowScope.usuarioInsertarNombre}" label="Nombre"></p:inputText>
			            
			             <p:commandButton id="botonInsertar" value="Insertar" action="crearJugadorNuevo" ajax="false" />  
			        </h:panelGrid>    
			    </p:tab>
		   
		    	<p:tab title="Editar / Eliminar Jugador" > 
				    <p:dataTable var="varJugador" value="#{flowScope.jugadores.source}" styleClass="centrarTextos" paginator="true" rows="10"  id="tablaJugadores"
		                emptyMessage="#{msg.qbDeportivos_mensaje_sinResultados}" 
		                rowIndexVar="rowIndex" paginatorPosition="top" paginatorTemplate=" Elementos por página {RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
                 		rowsPerPageTemplate="10,20,30" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
				        <p:column headerText="Nombre">  
				            #{varJugador.nombre}  
				        </p:column>  
				  
				        <p:column headerText="Usuario">  
				            #{varJugador.usuario}  
				        </p:column>  
				  
				         <p:column headerText="Acciones">
				         	<h:commandButton value="" update="tablaEditarJugador" action="editarJugador" image="/images/editar.gif" title="Editar">
			            		<f:setPropertyActionListener
									target="#{flowScope.jugadorSeleccionado}" value="#{varJugador}" />
			        	 	</h:commandButton>
							
							<h:commandButton value="" update="tablaEditarJugador idMensajeError" action="borrarJugador" image="/images/borrar.gif" title="Borrar">
			            		<f:setPropertyActionListener
									target="#{flowScope.jugadorSeleccionadoBorrar}" value="#{varJugador}" />
			        	 	</h:commandButton>
			        	 	
						</p:column>
				    </p:dataTable>
				    
				    <p:panelGrid id="tablaEditarJugador" columns="2" rendered="#{flowScope.jugadorSeleccionado != null}" style="margin-top:20px;">  
					    <f:facet name="header">  
					       Editar Jugador 
					    </f:facet>  
					  
					    <h:outputLabel for="usuarioEditado" value="Usuario: " />  
					    <p:inputText id="usuarioEditado" value="#{flowScope.jugadorSeleccionado.usuario}"/>  
					  
					    <h:outputLabel for="nombreEditado" value="Nombre: " />  
					    <p:inputText id="nombreEditado" value="#{flowScope.jugadorSeleccionado.nombre}"/>  
				  		
				  		  <f:facet name="footer">  
	        					<h:commandButton value="Cancelar" update="tablaEditarJugador" action="editarJugador" title="Cancelar"
	        						class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
				            		<f:setPropertyActionListener
										target="#{flowScope.jugadorSeleccionado}" value="" />
				        	 	</h:commandButton>
				        	 	<h:commandButton value="Guardar Cambios" update="tablaEditarJugador" action="guardarCambiosJugador" title="Guardar Cambios"
	        						class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
				        	 	</h:commandButton>
    					  </f:facet>
					</p:panelGrid>
				</p:tab>  
			</p:accordionPanel>  
		</h:form>	
	</ui:define>

</ui:composition>
</html>
